<!DOCTYPE html>
<html>
<head>
    <style>
        body { height:100%}

        .header, .footer, .main {
            border: 1px solid black
        }
        .header, .footer {background-color:black; color : white}
        .footer {bottom:0px; height:20px}
        .main{bottom: 200px}
        .header {top:0px;height:20px}
        .layout {background-color:yellow;padding:5px}

    </style>
    <title>DOM Build expression</title>
    <script type="text/javascript" src="cdee.js">
    </script>

    <script type="text/javascript">

        var layout = {"+":{"click":function(){alert('hi');}}, "(childs)":{"@class":"elm.innerHTML"},"@window-bottom":"25"};

        window.on

    </script>
</head>


<body onload="cdee.execute()"><!--onload="cdee.execute()"-->

<div id="layout" class="layout" data-cdee="layout">
    <div>header</div>
    <div>main</div>
    <div>footer</div>
</div>


</body>
</html>
